<script id="script" type="text/javascript">
	var localUrl = 'http://gdecastro2.cuttingedgespace.com/DirectOrder/';
	function refresh(){
	/*
	 *	Load file tables.php, including reset form
	 *	input into div #content
	 */
	 $('#content').load(localUrl + 'host/tables.php');

	 console.log('Refresh #content from tables.php');
	}
	function reload(){
	/*
	 * Reload only the #tables div
	 */
	 $('#content #tables').load(localUrl + 'tables.php #tables');

	 console.log('Reload tables in #tables');
	}
	/*
 	 * This will run as soon as the page is ready
 	 */
 	 $().ready(function(){
 	 	//refresh();
 	 });
 	</script>


 	<style type="text/css">
 		.operation{
 			display: inline-block;
 			width: 40%;
 			margin: 1em;
 		}
 		#order{
 			text-align: left;
 		}
 		#order select{
 			width: 14em;
 			text-align: center;
 		}
 		#order input[type='number']{
 			width: 3em;
 		}
 		.left_label{
 			display: inline-block;
 			width: 2.8em;
 			margin-right: .2em;
 		}

 		#tables{
 			margin-top: 1em;
 		}
 		#tables .title{
 			padding: .2em 1em;
 			text-align: left;
 		}
 		#tables table{
 			width: 100%;
 		}
 	</style>